<!DOCTYPE html>
<html>
<head>
<title>CSS Test: GCPM formatting the footnote call</title>
<link rel="author" title="Dave Cramer" href="mailto:dauwhe@gmail.com">
<link rel="help" href="http://www.w3.org/TR/css3-gcpm/#footnote-call">

<meta name="flags" content="paged">
<meta name="assert" content="check ability to format footnote-call pseudo-element">

<style>

  
span.footnote { float: footnote; }


::footnote-call {
  content: counter(footnote, upper-alpha);
  vertical-align: baseline;
  font-size: 100%;
  color: red;
}



 
</style>
</head>
<body>



<p>Test pass if the footnote reference is a red letter “A”. </p>

<p>This paragraph contains a footnote<span class="footnote">this is a footnote</span>.</p>

</body>
</html>